"use strict";

/**
 * @auther wtfssd
 * Created by wtfssd on 2017/10/27
 */
import * as React from 'react'
import {commonProps, commonStyles} from "../../assets/styles/common";
import NavBackButton from "../../component/BackButton";

const NavigationBar = require('react-native-navbar').default;
import MyText from "../../component/MyText";
import {forgetPwdStyles} from "../../assets/styles/auth";

const {View, TextInput, TouchableOpacity} = require('react-native');
const {connect} = require('react-redux');

class ForgetPwdPage extends React.Component<any, any> {
    render() {
        return (
            <View style={commonStyles.container}>
                <NavigationBar {...commonProps.navBar}
                               leftButton={<NavBackButton/>}
                               title={{title: '忘记密码', tintColor: '#fff'}}
                />
                <View style={forgetPwdStyles.card}>
                    <MyText style={{fontSize: 21}}>重设密码</MyText>
                    <MyText>*Email</MyText>
                    <TextInput style={forgetPwdStyles.input}
                               clearButtonMode='while-editing'/>

                    <TouchableOpacity style={forgetPwdStyles.reset}>
                        <MyText style={forgetPwdStyles.btnText}>重置</MyText>
                    </TouchableOpacity>
                    <TouchableOpacity style={forgetPwdStyles.login}>
                        <MyText style={forgetPwdStyles.btnText}>登录</MyText>
                    </TouchableOpacity>
                </View>

            </View>
        );
    }
}


export default connect(
    ({}) => ({})
)(ForgetPwdPage);